$(function() {
	//<!-- 04首页大屏广告效果 -->
	//默认效果：
	$("#jnImageroll div a").css("opacity", "0.7");
	//1、整体思路a：鼠标移入广告位则静止轮播效果，移出则继续轮播展示广告图，且下标跟随选中效果；
	//2、整体思路b：鼠标移入广告位某一下标则展示其对应的轮播图，则下标跟随选中效果； 
	//3、共同点：下标和轮播图对应展示，即选中第几个下标展示第几个轮播图
	//4、代码a：鼠标移入下标即#jnImageroll div下的a标签时，则获取其在所有a标签中的索引值，
	//并展示其对应的广告图,并在方法加载完后直接触发mouseleave事件
	//5、代码c：如何展示索引值为N的广告图，找到#JS_imgWrap下索引值为N的img标签，做淡入效果，其余淡出，
	//移除chos样式且透明度opacity设置为0.7，将索引值为N的下标的样式设置为chos且透明度opacity为1
	//6、代码b：鼠标移入广告位即#jnImageroll的DIV时，则清除定时器；鼠标移出则设置定时器，
	//定时器中设定每5000毫秒展示某张广告图，从索引值为0开始展示到最后一张，则再轮回到第1张展示

	$("#jnImageroll div a").mousemove(function() {
		var i = $("#jnImageroll div a").index(this);
		showImg(i);
	}).eq(0).mousemove();

	function showImg(j) {
		$("#JS_imgWrap").find("img").eq(j).fadeIn().siblings().fadeOut();
		$("#jnImageroll div a").removeClass("chos").css("opacity", "0.7")
			.eq(j).addClass("chos").css("opacity", "1")
	}

	var timer = null;
	var index = 0;
	$("#JS_imgWrap").hover(function() {
		//静止==清除定时器
		clearInterval(timer);
	}, function() {
		//开始轮播==设置开启定时器
		timer = setInterval(function() {
			showImg(index);
			index++;
			if (index > 4) {
				index = 0;
			}
		}, 2000)
	}).trigger("mouseout")

})

// /* 首页大屏广告效果 */
// $(function(){
// 	var $imgrolls = $("#jnImageroll div a");
// 	$imgrolls.css("opacity","0.7");
//     var len  = $imgrolls.length;
// 	var index = 1;
// 	var adTimer = null;
// 	$imgrolls.mouseover(function(){
// 		index = $imgrolls.index(this);
// 		showImg(index);
// 	}).eq(0).mouseover();	
// 	//滑入 停止动画，滑出开始动画.
// 	$('#jnImageroll').hover(function(){
// 			if(adTimer){ 
// 				clearInterval(adTimer);
// 			}
// 		 },function(){
// 			adTimer = setInterval(function(){
// 			    showImg(index);
// 				index++;
// 				if(index==len){index=0;}
// 			} , 5000);
// 	}).trigger("mouseleave");
// })
// //显示不同的幻灯片
// function showImg(index){
// 	var $rollobj = $("#jnImageroll");
// 	var $rolllist = $rollobj.find("div a");
// 	var newhref = $rolllist.eq(index).attr("href");
// 	$("#JS_imgWrap").attr("href",newhref)
// 			 .find("img").eq(index).stop(true,true).fadeIn().siblings().fadeOut();
// 	$rolllist.removeClass("chos").css("opacity","0.7")
// 			 .eq(index).addClass("chos").css("opacity","1"); 
// }
